<div ng-controller="addWelfareController">
    <div class="base-tool-bar pro-tool-bar">
        <div class="tool-bar">
            <h3 ng-click="goBackWelfare()" class="auth-back">
                <span class="auth-back-arrow fa fa-angle-left fa-2x"></span>
                <span class="auth-back-text to-welfare">返回</span></h3>
        </div>
    </div>
    <div class="base-info-box pro-company-box">
        <div class="base-info-title-en">Welfare</div>
        <div class="base-info-content">
            <div class="pro-title-box">
                <p class="base-line-center pro-info-title pro-bottom-title">发福利</p>
            </div>
            <div class="pro-welfare-content">
                <div class="pro-welfare-container">
                    <div class="we-type-row">
                        <div class="we-type-title">
                            福利类型：
                        </div>
                        <input class="we-type-se" value="现金" disabled>
                    </div>


                    <div class="reason-row">
                        <div class="we-type-title">
                            发放理由：
                        </div>
                        <input class="we-type-s" ng-model="welfareModels.note" placeholder="请填写发放理由">
                    </div>
                    <div class="price-row">
                        <div class="we-type-title">
                            人均金额：
                        </div>
                        <input class="we-type-s" ng-model="welfareModels.totalFee" placeholder="请填写人均金额">
                    </div>
                    <div class="all-amount-base">
                        <span class="all-amount">
                            结算总额
                        </span>
                        <span class="money-number" ng-model="total">
                            {{total}}
                        </span>
                        <span class="yuan">
                            元
                        </span>
                    </div>
                </div>
            </div>
            <div class="pro-select">
                <div class="select-staff-title">
                    选择员工
                </div>
                <div class="chosen-per-box">
                    <div class="chosen-title">
                        已选择员工
                        <a id="choseAll" ng-click="doThis()"><span class="select-text">全选</span><img class="img" ng-src="{{{true:'img/765.png',false:'img/876.png'}[selected]}}"></a>
                    </div>

                    <div class="box_wrap">
                        <ul id="chose">
                            <li class="li-row" type="checkbox" ng-repeat="content in selectLists" ng-mousemove="getFocusInformation(content)"
                                ng-mouseleave="leaveFocusInformation(content)" ng-click="getChossInformation(content,$index)" ng-class="changeSelectClass(content)">
                                <span class="we-info">{{content.name}}</span><span class="we-info">{{getSex(content.sex)}}</span><span class="we-info">{{content.department}}</span><span class="we-info">{{content.telephone}}</span></li>
                        </ul>
                    </div>
                </div>
                <div class="select-img-box">
                    <a ng-click="exchange()" ><img onmouseover="src='img/company/033.png'" onmouseout="src='img/company/032.png'" ng-src="{{{true:'img/company/032.png',false:'img/company/011.png'}[exchanged]}}"></a>
                    <a id="back" ng-click="exchangeBack()" ><img style="top: 190px;" onmouseover="src='img/company/023.png'" onmouseout="src='img/company/055.png'" ng-src="{{{true:'img/company/055.png',false:'img/company/022.png'}[exchangedback]}}"></a>

                </div>
                <div class="unselected-per-box">
                    <div class="nochosen-title">
                        未选择员工
                        <a id="All" ng-click="doNoSelect()"><span class="select-text">全选</span><img class="img" ng-src="{{{true:'img/765.png',false:'img/876.png'}[aselected]}}"></a>
                    </div>
                    <div class="box_wrap">
                        <ul id="div">
                            <li class="li-row" type="checkbox" ng-repeat="content in staffList" ng-mousemove="getFocusInformation(content)"
                                ng-mouseleave="leaveFocusInformation(content)" ng-click="getInformation(content,$index)" ng-class="changeSelectClass(content,$index)">
                                <span class="we-info">{{content.name}}</span><span class="we-info">{{getSex(content.sex)}}</span><span class="we-info">{{content.department}}</span><span class="we-info">{{content.telephone}}</span></li>
                        </ul>
                    </div>
                </div>
            </div>
            <password-enter ng-show="showEnterpassword">
            </password-enter>
            <button class="btn-welfare" ng-click="releaseWelfare(welfareModels)">确定发放</button>

        </div>
    </div>
</div>